<script setup>
</script>

<template>
<a-layout style="height: 100vh">
  <a-layout-sider theme="dark" collapsible>
    <a-menu theme="dark" mode="inline">
      <a-menu-item key="1">
        首页
      </a-menu-item>
      <a-sub-menu title="商品">
        <a-menu-item key="2">
          <router-link to="/item-list">商品列表</router-link>
        </a-menu-item>
        <a-menu-item key="3">
          <router-link to="/item-add">添加商品</router-link>
        </a-menu-item>
        <a-menu-item key="4">商品分类</a-menu-item>
        <a-menu-item key="5">商品类型</a-menu-item>
        <a-menu-item key="6">品牌管理</a-menu-item>
      </a-sub-menu>
      <a-sub-menu title="订单">
        <a-menu-item key="7">
          <router-link to="order-list">订单列表</router-link>
        </a-menu-item>
        <a-menu-item key="8">订单设置</a-menu-item>
        <a-menu-item key="9">退货申请处理</a-menu-item>
        <a-menu-item key="10">退货原因设置</a-menu-item>
      </a-sub-menu>
      <a-sub-menu title="营销"></a-sub-menu>
      <a-sub-menu title="权限"></a-sub-menu>
    </a-menu>
  </a-layout-sider>
  <a-layout>
    <a-layout-header/>
    <a-layout-content>
      <router-view></router-view>
    </a-layout-content>
    <a-layout-footer style="text-align: center">
      Ant Design ©2018 Created by Ant UED
    </a-layout-footer>
  </a-layout>
</a-layout>
</template>

<style scoped>
</style>
